<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/list.css">
    <script src="/lib/requirejs/require.min.js" data-main="/js/list"></script>
</head>

<body>
    <header></header>
    <div class="list_nav">
        <a href="http://localhost:8080"><img src="/images/logo.png"></a>
        <div class="bottom">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">女鞋</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li><a href="#">男鞋</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li><a href="#">运动</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li><a href="#">户外</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li class="ertong"><a href="#">儿童</a>
                    <div class="xiala1">

                    </div>
                </li>
                <li><a href="#">箱包</a>
                    <div class="xiala1">

                    </div>
                </li>
            </ul>
            <form>
                <input type="text" class="input1">
                <input type="button" class="input2">
            </form>
        </div>
    </div>
    <div class="list_warp clearfix">
        <div class="list_title">
            <ul class="title_ul1">
                <li><a href="#">首页</a></li>
            </ul>
            <ul class="title_ul2">
                <li>
                    <a href="#">品牌：百丽 ×</a>
                </li>
            </ul>
            <div class="list_baili_logo">
                <img src="/images/list-belle.png">
                <span>百丽</span>
            </div>
        </div>
        <div class="list_center_box">
            <div class="left_box">
                <p>共>4512个结果</p>
                <form>
                    <ul>
                        <li><i></i>品类</li>
                        <li><i></i>性别</li>
                        <li><i></i>价格</li>
                        <li><i></i>尺码</li>
                        <li><i></i>颜色</li>
                        <li><i></i>季节</li>
                        <li><i></i>风格</li>
                    </ul>
                </form>
            </div>
            <div class="right_box">
                <img src="../images/list_bai_li.jpg">
                <p>BeLLE（百丽），百变所以美丽。主张多变多元的新生代态度，不断融合潮流趋势，拥抱不同的生活体验与生活经历。将女性的百变魅力注入到鞋履设计中，让女人在不同的人生阶段，不同的场合，不同的潮流趋势下，尽显自己自信的一面。致力于为现代都市女性提供充满自由的行走体验。</p>
            </div>
        </div>

        <div class="hidden">
        <div class="list_list">
            <div class="top">
                <div class="left">
                    <ul>
                        <li><a href="#">新品</a></li>
                        <li><a href="#">热销</a></li>
                        <li><a href="#">推荐</a></li>
                        <li><a href="#">价格</a></li>
                        <li><a href="#">折扣</a></li>
                    </ul>
                </div>
                <div class="right">
                    <span>1</span>-<span>56</span>页/<a href="#">下一页</a>
                </div>
            </div>
            <div class="bottom">
                <ul class="grid_2">
                    
                    
                </ul>
            </div>
            <script type="text/html" id="prod-template">
                {{each products curr}}
                <li><a href="http://localhost:8080/html/detail.html?id={{curr.id}}">
                    <div><img src="{{curr.img}}"></div>
                </a>
                <p><a href="#">{{curr.title}}</a></p>
                <span>￥{{curr.price}}</span><span class="span2">￥{{curr.price2}}</span>
                <i><a href="#"></a></i>
            </li>
            {{/each}}
            </script>
        </div>
        </div>
    </div>
    <footer></footer>
</body>

</html>